﻿body 
{
    padding:0;
    margin:0;
    background: #444 url(images/contentbg.jpg) repeat 0 0 scroll;
}

.text1
{
    font-family:Verdana;
    font-size:12px;
    color:#FCF;
}

.text2
{
    font-family:Verdana;
    font-size:11px;
    color:#666;
}

.text3
{
    font-family:Verdana;
    font-size:15px;
    color:#ccc;
    font-weight:bold;
}

#outer 
{
    width:100%;
    margin-top:0 auto;
}

#top_header 
{
    position:relative;
    background:#000;
    height:45px;
    padding:0;
    border-bottom:1px solid #666;
}

#contentControls 
{
    background:#fff;
    margin:0;
    padding:0;
    height:auto;    
}

#controlsPanel ul 
{
}

#controlsPanel ul li
{
	padding:1px;
}

#controlsPanel ul li a
{
	color: #666666;
	font-family: Verdana;
	font-weight: bold;
	font-size:12px;
	text-decoration: none;
	white-space:nowrap;
}

#controlsPanel ul li a:hover
{
    color:#fff;
}

#controlsPanel 
{
    float:left;
    width:20%;
    height:auto;
    bacground:#fff(images/a1.gif) repeat-x right top;
}

#controlsPanel h3
{
	margin-left:10px;
	color: #545454;
	margin-bottom: 1em;
	border-bottom: dashed 1px #666666;
	padding-bottom: 0.3em;
}

#content {
	float:left;
	width:79%;
	height:auto;
	background: #444;
	border-left:1px solid #6D6D6D;
}

#content h3, select
{
    margin-left:15px;
}

#content select
{
    width:200px;
}

#div1 
{
    float:left;
    padding:4px 0 0 20px;
    width:170px;
}

#div1 h3
{
    position:absolute;
    top:-5px;
    left:50px;
    font-family:Verdana;
    color:#fff;
    text-shadow:1px 1px #444;
}

#div2
{
    position:absolute;
    top:2%;
    left:80%;
    padding:4px 0 0 20px;
    width:170px;
}

#div2 p
{
    font-family:Verdana;
    font-size:12px;
    color:#CCC;
}

#div2 a
{
    font-family:Verdana;
    font-weight:bold;
    font-size:12px;
    color:#CCC;
}

.titleDetails
{
    font-family:Verdana;
    font-weight:bold;
    font-size:15px;
    color:#CCC;
}

.buttonStyleGroup1
{
    width:100%;
}

.buttonStyleGroup1 ul li
{
    display:inline-block;
}

.buttonStyle1
{
	background-color:#EDEDED;
	width:70px;
    text-align:center;
    vertical-align:middle;    
    color:#727272;
    font-family:Verdana;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
    padding:4px 0 4px 0;
    display:block;
    border:none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.buttonStyle1:hover
{
	cursor:pointer;
	background-color:#F5F5F5;
}

.controlBox
{
    display:block;
    width:760px;
    margin:0 auto;
    height:auto;
    padding: 2px 0 2px 20px;
    background: transparent url(images/albumlst-bg.png) repeat 0 0 scroll;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-family:Verdana;
    font-size:12px;
    color:#FCF;
}

.controlBox h3
{
    font-size:14px;
}

.controlBox table
{
    margin-left:10%;
    margin-bottom:10%;
}

.controlBox input[type=text]
{
    padding: 2px 0 2px 10px;
    border:2px solid #99FF33;
    border-radius: 6px;
    width:200px;
    font-weight:bold;
    color:#2C2C2C;
}

.controlBox select
{
    border:2px solid #99FF33;
    border-radius: 6px;
    width:220px;
    font-weight:bold;
    color:#2C2C2C;
}

.controlBox span
{
    font-size:11px;
}

.controlBox ul li
{
    margin:2px 0 2px 0;
}

.SearchResultPanel
{
    display:none;
    padding:0px;
    position:absolute;
    top:210px;
    left:600px;
    width:350px;
    height:auto;
    background:#fff;
    padding:1px;
    border:2px solid #6600FF;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;  
    font-family:Verdana;  
    z-index:10000;
}

.SearchResultPanel h3
{
    color:#2C2C2C;
    margin-left:5px;    
    font-weight:bold;
    font-size:12px;    
}

.album_mdiv
{
    display:none;
    color:#669999;
}

.album_mdiv ul li
{
	display:block;
}

.album_mdiv img
{
	width:70px;
	border:2px solid #FFFF00; 
}

.album_mdiv span
{
	margin-left:10px;
}

.album_mdiv a
{	
	color:#669999;
	font-weight:bold;
	font-size:11px;	
	text-decoration:none;	
}

.album_mdiv a:hover
{
	text-decoration:underline;
}

.closeButton
{
    height:20px;
    background:url(images/close.png) no-repeat;
    float:right;
    margin-right:10px;
}